﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TinyMCEDemo.aspx.cs" Inherits="WebAppDemo.TinyMCEDemo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-2.0.1.js"></script>
    <script src="Scripts/tinymce/tinymce.min.js"></script>
    <script type="text/javascript">
        
        tinymce.init({
            selector: "textarea",
            theme: "modern",
            plugins: [
                "advlist autolink lists link image charmap print preview hr anchor pagebreak searchreplace wordcount" +
                    " visualblocks visualchars code fullscreen insertdatetime media nonbreaking save table contextmenu directionality emoticons" +
                    " template paste textcolor "
            ],
            toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
            toolbar2: "print preview media | forecolor backcolor emoticons",
            image_advtab: true,
            templates: [
                { title: 'Test template 1', content: 'Test 1' },
                { title: 'Test template 2', content: 'Test 2' }
            ]
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
              <asp:TextBox ID="txtContent" runat="server" Rows="10" TextMode="MultiLine"></asp:TextBox>
    </div>
    </form>
</body>
</html>
